<template>
	<view >
		<view class="head">
			<view class="headpicture">
			<image src="/static/img/person/mao.jpg"></image>
			</view>
			<view class="name">小李</view>
			<view class="job">客户经理</view>
		</view>
		<view class="code">
			<image src="/static/img/person/ewm.jpg"></image>
		</view>
		<view class="text">系统生成个人推广码，客户扫码报名直接导入到系统</view>
		<view class="logout">
			<button type="primary">退出登录</button>
		</view>
	</view>
</template>

<script setup>
	
</script>

<style>
	 .head {
	 	width: 100%;
	 	height: 426rpx;
	 	background-color: #2191f7;
	 }
	 .headpicture {
	 	text-align: center;
	 	
	 }
	 .headpicture > image {
	 	margin-top: 80rpx;
	 	width: 160rpx;
	 	height: 160rpx;
	 	border-radius: 50%;
	 }
	 .name {
	 	margin-top: 20rpx;
	 	margin-bottom: 30rpx;
	 	text-align: center;
	 	font-size: 28rpx;
	 	color: white;
	 }
	 .job {
	 	text-align: center;
	 	font-size: 24rpx;
	 	color: white;
	 }
	 .code {
	 	margin-top: 60rpx;
	 	text-align: center;
	 }
	 .code > image {
	 	width: 320rpx;
	 	height: 320rpx;
	 }
	 .text {
	 	margin-top: 50rpx;
	 	text-align: center;
	 	font-size: 24rpx;
	 	color: #666666;
	 }
	 .logout {
	 	text-align: center;
	 	margin-top: 150rpx;
	 }
	 .logout > button {
	 	line-height: 70rpx;
	 	width: 512rpx;
	 	height: 70rpx;
	 	font-size: 24rpx;
	 }      
</style>
